Welcome to JavaScript!

4.5 for循环初识

JS for 循环适合在已知循环次数时使用,语法格式如下:

for(initialization; condition; increment) {

// 要执行的代码

}


for 循环中包含三个可选的表达式 initialization、condition 和 increment,其中:

●initialization:先声明变值,赋初始值,初始值在循环过程中只会执行一次;

●condition:检验变量是否满足条件;

●increment:若满足条件,执行代码,不满足则终止循环,递增或递减。


<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Title</title>

<script type="text/javascript">

for(var i=0; i<=10;i++) {

document.write(i,",");

}

</script>

</head>

<body>

</body>

</html>

返回:0,1,2,3,4,5,6,7,8,9,10,

上面的代码中,在循环开始之前会先执行var i = 1;,并将变量 i 作为计数器;然后判断i <= 10是否成立,如果成立则执行{ }中的代码,如果失败则退出 for 循环;在每次循环执行完成后,执行i++操作,即更新计数器的值。

【示例】使用 for 循环遍历数组中的内容:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Title</title>

<script type="text/javascript">

var fruits = ["Apple", "Banana", "Mango", "Orange", "Papaya"];

for(var i = 0; i < fruits.length; i++) {

document.write(fruits[i] + " ");

}

</script>

</head>

<body>

</body>

</html>

返回值:Apple Banana Mango Orange Papaya